Top 17 Excellent CSS Horizontal Navigation Solutions Every Web Developer Should Know

1. Tabion - Metro Tab Accordion Switcher CSS

featured image

Tabion – Metro Tab Accordion Switcher CSS

Tabion – Metro Tab Accordion Switcher CSS is a small CSS plugin that is used create Tab with Metro UI style.Horizontal + Vertical Styles.If you like to see plugin documentation you can check it here: TabiCSS Documentation

Navion – Metro Navigation Menu Accordion Switcher CSS

TileBox – Modern Responsive LightBox CSS

Metro Navigation Bar CSS

More Details

2. Clean Tabs: Responsive Tabs to Accordion

featured image

Clean tabs is CSS3 and responsive jQuery gallery navigation tabs, optimized mobile & touch devices. On small screen, the vertical and horizontal tabs jQuery turns into vertical accordion.

More Details

3. Cream Tabs | jQuery Plugin

featured image

Cream Tabs it is a mix tabs and navigation menu with content slider.Menu position: vertical/horizontal

More Details

4. Flexy Menu - Responsive Horizontal & Vertical Menu

featured image

Flexy is menu component based in CSS Javascript code. You can use Flex Menu it as horizontal vertical menu.Horizontal and Vertical

Javascript/CSS effects

More Details

5. Vertu - Simple Mega Menu

featured image

Accordion horizontal panels

4 levels drop down horizontal menu

Easy to change structure viCSS

More Details

6. Tabion jQuery - Modern Responsive Tab Accordion

featured image

Supports Responsive Design, Swipe change Tab Content, Left and Right keys change Tab Content, Combine AJAX Inline Content, CSS3 Animation Effects, Integrated Font Awesome, AutoPlay/Pause/Resume and a lot CSS option to customize…

Support both Horizontal and Vertical Tab.Navion – Metro Navigation Menu Accordion Switcher CSS

TabiCSS – Metro Tab Accordion Switcher

TileBox – Modern Responsive LightBox CSS

More Details

7. Konafa Inline Horizontal Menu Navigation

featured image

More Details

8. 3d Mega Menu for Bootstrap

featured image

It is very easy to build a horizontal or verticalmenu. Horizontal and vertical versions

Valid XHTML / CSS 3 markup

More Details

9. Smart Responsive Breadcrumbs

featured image

Smart Responsive Breadcrumbs is powerful breadcrumbs navigation solution that will work mobile devices and different screen sizes. Breadcrumbs rely CSS media queries to modify display for different resolutions. For less than 480px, menu changes from jQuery slideshow navigation vertical and gets hidden behind menu item. Due to the many differences between mobile browsers, different support for CSS, breadcrumbs must use JavaScript to work as expected.Breadcrumbs are fully responsive, and they will work fine on the small screens (mobile/touch devices) and will turn menu for easier navigation with a limited space.Plugin control is done by combining CSS classes on the breadcrumbs element with many options available with jQuery plugin. Full source files for both CSS jQuery

Minimized CSS and JS files

More Details

10. Pure Css3 Responsive Navigation

featured image

Horizontal Navigation

More Details

11. navIgo - Multipurpose Responsive Navigation Plugin

featured image

One can truly say this is really ultimate navigation tool!

Valid XHTML / CSS 3 markup

Horizontal vertical orientation

Useful css class based element override: you can override buttons or dropdowns style simply adding classes. Some CSS improvements

More Details

12. Smart Responsive Menu

featured image

Menu relies CSS media queries to modify menu display for different resolutions. For less than 480px, menu changes from CSS list horizontal navigation vertical and gets hidden behind menu item. Due to the many differences between mobile browsers, different support for CSS, menu must use JavaScript to make up for these problems.Menus are fully responsive, and they will work fine on the small screens (mobile/touch devices) and will turn horizontal vertical for easier navigation with a limited space.Plugin control is done by combining CSS classes on menu element with many options available with jQuery plugin. Full source files for both CSS jQuery

Minimized CSS and JS files with split and merged styles

Changed: Few improvements to the core CSS styles

More Details

13. DeepMenu - multi level navigation menu

featured image

DeepMenu is a multi-level navigation menu with four different transitions between layers and nearly 20 other properties for customization. If JavaScript is disabled, it works as a CSS horizontal menu menu.JS, CSS HTML files

Navigation icons (blue, orange and grey versions of “back” and “home” buttons)

More Details

14. Beth - Mobile-First Responsive Menu

featured image

Beth is a pure CSS horizontal menu responsive navigation, optimized mobile & touch devices. mobile devices, the fluid horizontal menu turns into a CSS3 vertical menu which can be toggled with a click/single tap.

More Details

15. The Fusion of Tabs and Slider with jQuery

featured image

Have you always wanted the useful tabs to be animated more fancy? something like a slider? then this is plugin for you, tabs can slide horizontal and vertical ways also there is 15 different effects available between transition and all working with auto height jQuery accordion depending on its content.Customizable through css.Vertical Horizontal Support.Navigation Bar Vertical & Horizontal.With min version css & js files.

More Details

16. Scroll Content Presenter

featured image

It is an extension that allows you create an unique beautiful style navigation , showing contents of your site through animations colors to engage your visitors. Scroll Content Presenter builds the horizontal navigation bar CSS for you based on the structure of your HTML.Vertical and horizontal navigation

Generate navigation menu for you

More Details

17. Negar - Responsive Vertical And Horizontal Menu

featured image

EACH STYLE INCLUDES TWO HORIZONTAL MENU AND TWO VERTICAL MENU

Top Horizontal

Bottom Horizontal

Added Two Horizontal Menu (Header And Footer) For Each Style

More Details